<template>
    <van-popup v-model="isShow" @closed="close" round>
        <div class="content">
            <div v-html="info.content" />
        </div>
    </van-popup>
</template>
<script>
    export default {
        props: {
            show: {
                type: Boolean,
                default: false,
            },
            info: {
                type: Object,
                default: {},
            },
        },
        data() {
            return {
                isShow: this.show,
                myInfo: this.info,
            };
        },
        async created() {},
        async mounted() {},
        methods: {
            close() {
                this.$emit("close", false);
            },
        },
        watch: {
            show(newV, oldV) {
                this.isShow = newV;
            },
        },
    };
</script>
<style lang="scss" scoped>
    .content {
        width: 280px;
        padding: 10px;
        max-height: 70vh;
        overflow-y: scroll;
        ::v-deep img {
            width: 100%;
            object-fit: contain;
            height: auto;
        }
        ::v-deep a {
            word-break: break-all;
        }
    }
</style>
